<?php
	require_once("conexion/conexion.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="Estilos/global.css" rel="stylesheet" type="text/css" />
<link href="Estilos/local.css" rel="stylesheet" type="text/css" />
<link href="Estilos/CssTabla3.css" rel="stylesheet" type="text/css" />

<script src="include_js/jquery.js" type="text/javascript"></script>
<style>
.texto
{
	font-weight:bold;
	font-size:14px;
}
.borde
{
	border:0px solid #6593C0;
}
</style>
</head>
<script>
var cont1=1;cant=0;
function EliminaItems()
{
	cantidad = document.getElementById('txtCant').value;

	for(var i=(cantidad);i>=0;i--)
	{
		//alert(i);
		document.getElementById('tabla').deleteRow(-1);
	}
	cont1=1;
	document.getElementById('txtCant').value = 0;
}

function BorraDatos(dato)
{
	var cadena = dato.substring(8,9);
    if(cadena=='1')
	{
		document.form_AEClientes.submit();
	}
}

function EliminarFila(fila)
{
	var Tr = fila;
	while(Tr.nodeName.toLowerCase()!='tr')
	{
		Tr=Tr.parentNode;
	}
	
	var root = Tr.parentNode;
	root.removeChild(Tr);
	cant--;
	document.getElementById('txtCant').value=cant;
	if(cant==0)
	{
		cont1=1;
		document.getElementById('txtTotal').value=0;
		document.getElementById("capa").style.display = "none";
		document.getElementById("tabla").style.display = "none";
		document.getElementById("cmb_AE").disabled=false;
	}
}

function AgregaFila(json,codA,estado,muestreo,porcentaje,pago)
{
	//alert(json);
	document.getElementById("capa").style.display = "block";
	document.getElementById("tabla").style.display = "block";
	nuevaFila = document.getElementById("tabla").insertRow(-1);
	nuevaFila.id=cont1;
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtAE"+cont1+"' type='text' readonly='true' name='txtAE"+cont1+"' size='12' value='"+codA+"' style='background:#E1E1E1'/></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtCliente"+cont1+"' type='text' readonly='true' name='txtCliente"+cont1+"' size='50' value='"+json[0]+"' style='background:#E1E1E1'/></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtEstado"+cont1+"' type='text' readonly='true' name='txtEstado"+cont1+"' size='10' value='"+estado+"' style='background:#E1E1E1'/></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtMuestreo"+cont1+"' type='text' readonly='true' name='txtMuestreo"+cont1+"' size='9' value='"+muestreo+"' style='background:#E1E1E1'/></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtPorcentaje"+cont1+"' type='text' readonly='true' name='txtPorcentaje"+cont1+"' size='5' value='"+porcentaje+"' style='background:#E1E1E1'/></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtPago"+cont1+"' type='text' readonly='true' name='txtPago"+cont1+"' size='10' value='"+pago+"' style='background:#E1E1E1'/></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input type='button' value='[x]' onclick='EliminarFila(this);'></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input id='txtRut"+cont1+"' type='hidden' readonly='true' name='txtRut"+cont1+"' size='10' value='"+json[1]+"' style='background:#E1E1E1'/></td>";
	//alert(cont1);
	
	cant++;
	document.getElementById('txtCant').value=cant;
	document.getElementById('txtTotal').value=cont1;
	document.getElementById('cmb_Cliente').value=0;
	document.getElementById('cmb_Estado').value=0;
	
	document.getElementById('txtMuestreo').value='';
	document.getElementById('txtPorcentaje').value='';
	document.getElementById('cmb_Pago').value=0;
	cont1++;
}

function AgregaClientes(area,cliente)
{
	codA = document.getElementById(area).value;
	rut = document.getElementById(cliente).value;

	muestreo = document.getElementById('txtMuestreo').value;
	porcentaje = document.getElementById('txtPorcentaje').value;
	pago = document.getElementById('cmb_Pago').value;
	estado =document.getElementById('cmb_Estado').value;
	
	if((muestreo!='')&&(porcentaje!='')&&(pago!='0')&&(estado!='0')&&(rut!='0')&&(codA!='0'))
	{
		$.ajax({
				type: 'post',
				dataType: 'json',
				url: "AgregaClientes.php",
				data: {valor: rut},
				success: function(json){
					AgregaFila(json,codA,estado,muestreo,porcentaje,pago);
				}
			});
	}
	else
	{	alert('DEBE INGRESAR TODA LA INFORMACION !!!');}
}
function BloqueaCombo(cmb)
{
	cmb.disabled=true;
}
function VerDatos()
{
	 $.ajax({
            type: 'POST',
            url: 'Tabla_AEClientes.php',
            data: $('#form_AEClientes').serialize(),
            success: function(data) {
                $('#tabla2').html(data);
				document.getElementById('tabla2').style.display='block';
            }
        })
	
}
function CerrarDatos()
{
	document.getElementById('tabla2').style.display='none';
}

</script>
<body>
<form name="form_AEClientes" id="form_AEClientes" method="post">
<div class='option2'><label style="font:Verdana, Arial, Helvetica, sans-serif; color:#0066CC; font-weight:bold;">Ingreso de Clientes para un Area de Extracci&oacute;n.</label></div>
<div class='groupbox'>
<table width="100%" border="0" cellpadding="0" cellspacing="0">

	<tr>
		<td class="borde"><div class="infopop"><div style="margin-left:10px;"><label class="texto">A.Extracci&oacute;n:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		  <select name="cmb_AE" id="cmb_AE" onchange="BloqueaCombo(this);">
            <option value="0">--SELECCIONE--</option>
            <?php
            	$con = new Conexion();
        		$con2 = $con->conexionBD("fpproduccion");
                $sql = "select AECod,AENombre from areaextraccion where 1 order by AENombre";
                $resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
				while ($row = mysql_fetch_row($resultado))
				{
					$dato = utf8_decode($row[1]);
					echo "<option value='".$row[0]."'>".$dato." "."(".$row[0].")"."</option>";
				}
                $con->cerrarBD();
		?>
          </select>
</div>
		</div></td>
	</tr>
	<tr>
	  <td class="borde"><div class="infopop"><div style="margin-left:39px;"><label class="texto">Clientes:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="cmb_Cliente" id="cmb_Cliente" style="width:540px;">
                <option value="0">--SELECCIONE--</option>
                <?php
            	$con = new Conexion();
        		$con2 = $con->conexionBD("fpproduccion");
                $sql = "select CliRut,CliRSocial from clientes where cliestado=0 order by CliRSocial";
                $resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
				while ($row = mysql_fetch_row($resultado))
				{
					$dato = utf8_decode($row[1]);
					echo "<option value='".$row[0]."'>".$dato."</option>";
				}
                $con->cerrarBD();
		?>
              </select>
		</div></div></td>
	  </tr>
	  <tr>
	  <td class="borde"><div class="infopop"><div style="margin-left:16px;"><label class="texto">Tipo Cliente:</label>&nbsp;&nbsp;&nbsp;&nbsp;
	  <select name="cmb_Estado" id="cmb_Estado">
                <option value="0">--SELECCIONE--</option>
                <option value="TITULAR">TITULAR</option>
				<option value="CONTABLE">CONTABLE</option>
				<option value="CLIENTE">CLIENTE</option>
              </select></div></div>	  </td>
	  </tr>
	  <tr>
	    <td class="borde">
		<div class="infopop"><div style="margin-left:16px;"><label class="texto">V. Muestreo:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="txtMuestreo" id="txtMuestreo" type="text" />&nbsp;&nbsp;<label style="font-size:11px; font-family:Verdana; color:#0000FF;">Ej:(1.143 o 4)</label></div></div>
		</td>
      </tr>
	  <tr>
	    <td class="borde"><div class="infopop"><div style="margin-left:31px;"><label class="texto">% de Pago:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="txtPorcentaje" id="txtPorcentaje" type="text" />&nbsp;&nbsp;<label style="font-size:11px; font-family:Verdana; color:#0000FF;">Ej:(25 o 35.4)</label></div></div></td>
      </tr>
	  <tr>
	    <td class="borde"><div class="infopop"><div style="margin-left:19px;"><label class="texto">Forma Pago:</label>&nbsp;&nbsp;&nbsp;&nbsp;
	  <select name="cmb_Pago" id="cmb_Pago">
                <option value="0">-- FORMA PAGO --</option>
                <option value="CONTADO">CONTADO</option>
				<option value="PAGO 30">PAGO 30</option>
				<option value="PAGO 60">PAGO 60</option>
				<option value="PAGO 90">PAGO 90</option>
              </select></div></div></td>
      </tr>
  <tr>
    <td class="borde"><div class="formtail"><div style="float:left; margin-top:5px;"><a href="javascript:VerDatos();">Ver Datos Ingresados</a></div><div style="margin-right:150px"><input name="btn_Agregar" id="btn_Agregar" type="button" value="Agregar" onclick="AgregaClientes('cmb_AE','cmb_Cliente');" /><input type="hidden" name="txtTotal" id="txtTotal" /></div></div></td>
    </tr>
</table>
</div>
<div class="option2" id="capa" style="display:none;">
<div align="center">
<table width="70%" border="0" cellpadding="0" cellspacing="0" class="uno" id="tabla" style="display:none;">
<thead>
<tr>
	<th width="15%">A.Extracci&oacute;n</th>
	<th width="58%">Cliente</th>
	<th width="24%">tipo Cliente</th>
	<th width="10%">valor muestreo</th>
	<th width="10%">% pago</th>
	<th width="10%">forma pago</th>
    <th width="3%">&nbsp;</th>
</tr>
</thead>
</table>
<br />
<input name="btn_Guardar" id="btn_Guardar" type="button" value=" " class="guardar" />
<input type="hidden" name="txtCant" id="txtCant" />
</div>
</div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td><div id='mensaje'></div></td></tr>
</table>
<!-- Tabla contenedora de los resgistros que existen en la BD-->
</form>
<div id="tabla2" style="display:none;"></div>
</body>
<script>
$('#btn_Guardar').click(function() 
{ 
        $.ajax({
            type: 'POST',
            url: 'IngresaMantenedores/IngresaAECliente.php',
            data: $('#form_AEClientes').serialize(),
            success: function(data) {
                $('#mensaje').html(data);
				BorraDatos(data);
            }
        })
});
</script>
</html>